<!--
- Author:   .
- Date:    2017/7/19 0019.
- File:    empty-data.
-->
<template>
  <div class="empty-data" v-show="show">
    <i class="iconfont icon-kong"></i>
    <p>当前没有数据~</p>
  </div>
</template>

<script>
  export default{
    data() {
      return {}
    },
    props: {
      show: {
        type: Boolean,
        default: function () {
          return false
        }
      }
    }
  }
</script>

<style lang="less">
  .empty-data {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    margin-top: -55px;
    text-align: center;
    font-size: 14px;
    color: #aaa;
    i{
      font-size: 4.5rem;
    }
  }
</style>